.main {
	 // position: relative; 
		min-height: 100vh;
		background: @context-primary;
		overflow: hidden;
		.searchtabs {
			z-index: 999;
			height: 200rpx;

			.indextop {
				width: 90%;
				margin: auto;
				background-size: 100%;
				overflow: hidden;
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding-top: 20rpx;

				.indexsearch {
					height: 92rpx;
					width: 72%;

					.indexhezi {
						height: 92rpx;
						width: 70%;
						border-radius: 60rpx;
						position: absolute;
						background: #FFFFFF;
						box-shadow: 0rpx 22rpx 32rpx rgba(228, 192, 192, 0.22);
						border-radius: 60rpx;
						display: flex;

						.indexicon {
							width: 15%;
							border-radius: 60rpx;
							text-align: center;

							.indexiconn {
								width: 100%;
								height: 100%;

								image {
									display: block;
									width: 28rpx;
									height: 28rpx;
									margin: auto;
									padding-top: 36rpx;

								}
							}
						}

						#indexbtn {
							width: 90%;
							height: 100%;
							font-size: 28rpx;
							min-height: 0 !important;
							overflow: hidden;
						}
					}

				}

				.indexsearchbtn {
					width: 132rpx;
					height: 92rpx;
					font-weight: 500;
					font-size: 28rpx;
					text-align: center;
					color: #FFFFFF;
					line-height: 92rpx;
					background: @button-default;
					border-radius: 80rpx;
					z-index: 99;
					margin-left: 10rpx;
				}
			}

			.tab {
				display: flex;
				justify-content: space-between;
				width: 90%;
				margin: auto;
				margin-top: 15rpx;
				height: 80rpx;
				background-color: #FFFFFF;

				.tabs {
					width: 50%;
				}

			}
		}

		.zujian {
			width: 90%;
			margin: auto;
			background: @color-subtle;
			border-radius: 20rpx;
			// margin-top: 5rpx;
			padding: 20rpx 0;
			// 200rpx + padding-bottom: 20rpx;
			height: calc(100vh - 210rpx);
			.scroll-Y {
				height: 100%;
				border-radius: 20rpx;
			}
		}
	}